{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>委托详情</title>
	<link rel="stylesheet" href="__CDN__/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/css/detail5.css">
    <link rel="stylesheet" href="__CDN__/assets/css/swiper.min.css">
	<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
	<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="__CDN__/assets/js/detail.js"></script>

   <script src="__CDN__/assets/js/downrefrech.js"></script>

    <script type="text/javascript">
       function preview1(file) {
      var img = new Image(), url = img.src = URL.createObjectURL(file)
      var $img = $(img)
      img.onload = function() {
        URL.revokeObjectURL(url)
        // $('#preview').empty().append($img)
        $('#preview').find('img').remove().end().append($img)
       // $( "#preview" ).css( "background" ,"$img")
      }
    }
     $(function() {
      $('#file1').change(function(e) {
        var file = e.target.files[0]
        preview1(file)
        document.getElementById("preview").style.border = "3px none #fff"; 
        document.getElementById("preview").style.background="#fff";

      })
    })
  </script>
</head>
<body>
    <div class="entrust_info_heard">
			<div class="entrust_info_heard_return">
				<a href="javascript:history.back();"><img src="__CDN__/assets/img/bikebi/return.png"></a>
			</div>
			<div class="entrust_info_heard_title">
				<p>委托详情</p>
			</div>
	</div>

    {volist name="list" id="vo"}

        {eq name="vo.status" value="1"}
            <form method="post" action="{:url('order/pay')}" enctype="multipart/form-data">
            {else /}
            <form method="post" action="{:url('order/done')}">
        {/eq}
              <input type="hidden" name="id" value="{$vo.id}">
    <div class="entrust_info">
    	<div class="entrust_info_left">
    		<div class="entrust_info_left_one"><span>{eq name="vo.buyer_id" value="$user.id"}买入{else /}卖出{/eq}数量:</span><span class="oneright">{$vo.money}</span></div>
    		<div class="entrust_info_left_one"><span>认购价格:</span><span class="oneright">{$vo.market_price}</span></div>
    		<div class="entrust_info_left_one"><span>阶段状态:</span><span class="oneright"><!-- 交易完成 -->{:__('Status '.$vo.status)}</span></div>
    		<div class="entrust_info_left_one"><span>委托时间:</span><span class="oneright">{$vo.createtime|datetime}</span></div>

        {eq name="vo.buyer_id" value="$user.id"}
        <!-- <div class="entrust_info_left_one"><span>姓名:</span><span class="oneright">{$vo.real_name}</span></div> -->
        <!-- <div class="entrust_info_left_one"><span>开户银行:</span><span class="oneright">{$vo.bank_name}</span></div> -->
        <!-- <div class="entrust_info_left_one"><span>开户支行:</span><span class="oneright">{$vo.branch_bank_name}</span></div> -->
        <!-- <div class="entrust_info_left_one"><span>银行卡号:</span><span class="oneright">{$vo.bank_card}</span></div> -->
        <div class="entrust_info_left_one"><span>ID:</span><span class="oneright">{$vo.seller_id}</span></div>
        <div class="entrust_info_left_one"><span>手机号:</span><span class="oneright">{$vo.seller_mobile}</span></div>

        {notempty name="vo.alipay_account"}
        <div class="entrust_info_left_one"><span>支付宝账号:</span><span class="oneright">{$vo.alipay_account}</span></div>
        {/notempty}
        {notempty name="vo.alipay_pic"}
        <div class="entrust_info_left_one">
            <span style="float:left;vertical-align: middle;">支付宝收款码:</span>
            <div class="entrust_info_left_down" style="float:right; width:65%">
                <a href="{$vo.alipay_pic}" class="a-upload" style="width:75%;margin-left:0;"> 
                  <img src="{$vo.alipay_pic}" alt="" style="max-width: 100%;">
                </a>
            </div>
            <div style="clear:both;"></div>
        </div>
        {/notempty}
        {notempty name="vo.wechat_account"}
        <div class="entrust_info_left_one"><span>微信号:</span><span class="oneright">{$vo.wechat_account}</span></div>
        {/notempty}
        {notempty name="vo.wechat_pic"}
        <div class="entrust_info_left_one">
            <span style="float:left;vertical-align: middle;">微信收款码:</span>
            <div class="entrust_info_left_down" style="float:right; width:65%">
                <a href="{$vo.wechat_pic}" class="a-upload" style="width:75%;margin-left:0;" > 
                  <img src="{$vo.wechat_pic}" alt="" style="max-width: 100%;">
                </a>
            </div>
            <div style="clear:both;"></div>
        </div>
        {/notempty}


        {eq name="vo.status" value="1"}
        <div class="entrust_info_left_one">
            <span style="float:left;vertical-align: middle;">截图上传:</span>
            <div class="entrust_info_left_down" style="float:right; width:65%">
                <a href="#" class="a-upload" id="preview" style="width:75%;margin-left:0;"> 
                    <input type="file" name="image" id="file1">
                </a>
            </div>
            <div style="clear:both;"></div>
        </div> 
        {/eq}
        {/eq}


        {notempty name="vo.image"}
        <div class="entrust_info_left_one">
            <span style="float:left;vertical-align: middle;">付款截图:</span>
            <div class="entrust_info_left_down" style="float:right; width:65%">
                <a href="{$vo.image}" class="a-upload" style="width:75%;margin-left:0;" > 
                  <img src="{$vo.image}" alt="" style="max-width: 100%;">
                </a>
            </div>
            <div style="clear:both;"></div>
        </div>
        {/notempty}



    	</div>
    	<div class="entrust_info_right">
        {eq name="vo.status" value="3"}

    		<img src="__CDN__/assets/img/bikebi/entrust.png">
        {/eq}
    	</div>
    </div>
     <div class="entrust_info_submit">
        {eq name="vo.status" value="1"}
          {eq name="vo.buyer_id" value="$user.id"}
         <input type="submit" name="" value="确认打款" class="btn btn-defaul">
         {/eq}
       {/eq}

        {eq name="vo.status" value="2"}
          {eq name="vo.seller_id" value="$user.id"}
            <input type="submit" name="pay_ok" value="确认收款" class="btn btn-defaul">
            <input type="submit" name="no_pay" value="未收到款" class="btn btn-defaul" style="background: red;">
         {/eq}
       {/eq}
    </div>
    </form>

    {/volist}

</body>
</html>
